@charset "utf-8";
@import "utils"; 
/*@import "reset";*/
/*@import "common";*/
.PersonalInformation {
    @include web;
    //头部引入 
    //主要内容
    .content {
       @include midContent;
        //个人信息
        .individual {
            width: 100%;
//          height: r(292);
            background: #fcfcfc;
            margin-top: r(106); 
            //头像
            .HeadPortrait {
                width: r(690);
//              height: r(130);
                margin-left: r(20);
                .Img {
                    width: r(142);
                    height: r(142);
                    margin: 0 auto;
                    position: relative;
                    top: r(-67);
                    overflow: hidden;
                    border-radius: 50%;
                    border: 1px solid #FFFFFF;
                    img {
                        position: absolute !important;
                        height: 100%;
                        @include abCenter;
                    }
                }
            }
            //信息
            .information {
                text-align: center;
//              width: r(178);
                margin: 0 auto;
//              height: r(24);
                color: #c96545;
                overflow: hidden;
                .name {
//                  width: r(120);
                    font-size: r(22+8);
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    display: inline-block;
                    vertical-align: middle;
//                  float: left;
//                  line-height: r(24);
                }
                .VerticalBar {
                    display: inline-block;
                    vertical-align: middle;
                    width: r(36);
                    height: r(24);
                    position: relative;
//                  float: left;
                    i {
                        width: r(2);
                        height: r(16);
                        background: #c96545;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                    }
                }
                .gender {
                    display: inline-block;
                    vertical-align: middle;
//                  width: r(20);
//                  float: left;
                    font-size: r(22+8);
//                  line-height: r(24);
                }
            }
            //收藏评价
            .OrderToEvaluate {
                a{
                    font-size: r(24+8);
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                }
                width: r(710);
                margin: 0 auto;
//              height: r(24);
                margin-top: r(92);
                font-size: r(24+8);
                .order {
                    width: r(220);
//                  height: r(24);
                    color: #767676;
                    margin: r(-5) 0 0 r(10);
                    float: left;
                    text-align: center;
                    font-size: r(24+8);
                }
                .collect {
                    width: r(254);
//                  height: r(24);
                    margin-top: r(-5);
                    color: #767676;
                    text-align: center;
                    float: left;
                    font-size: r(24+8);
                }
                .VerticalBar {
                    margin-top: r(20);
                    width: r(1);
//                  height: r(24);
                    position: relative;
                    float: left;
                    color: #767676;
                    font-size: r(24+8);
                    i {
                        width: r(2);
                        height: r(20);
                        background: #767676;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                        font-size: r(24+8);
                    }
                }
                .appraise {
                    text-align: center;
                    width: r(214);
//                  height: r(24);
                    float: left;
                    color: #767676;
                    margin-top: r(-5);
                }
            }
        }
        //查看货物
        .ToCheckTheGoods {
            width: r(710);
            margin: 0 auto;
            margin-top: r(40);
            border-top: 1px solid #e3e3e3;
            padding-top: r(36);
            .PaymentPending {
                width: r(228);
                float: left;
                background: #f8f8f8;
                .PaymentPending_Img {
                    width: r(29);
                    height: r(49);
                    position: relative;
                    margin: 0 auto;
                    margin-top: r(18);
                    overflow: hidden;
                    img {
                        width: 88%;
                        @include abCenter;
                    }
                }
                .PaymentPending_content {
                    letter-spacing: r(4);
                    font-size: r(18+8);
                    color: #e47b59;
                    text-align: center;
                    margin-top: r(16);
                    line-height: r(36);
                }
            }
            .ToSendTheGoods {
                width: r(250);
                height: r(120);
                float: left;
                background: #f8f8f8;
                margin: 0 r(2);
                .ToSendTheGoods_Img {
                    width: r(42);
                    height: r(49);
                    position: relative;
                    margin: 0 auto;
                    margin-top: r(18);
                    overflow: hidden;
                    img {
                        width: 90%;
                        @include abCenter;
                    }
                }
                .ToSendTheGoods_content {
                    letter-spacing: r(4);
                    font-size: r(18+8);
                    color: #e47b59;
                    text-align: center;
                    margin-top: r(16);
                    line-height: r(36);
                }
            }
            .HasBeenShipped {
                width: r(228);
                height: r(120);
                float: left;
                background: #f8f8f8;
                .HasBeenShipped_Img {
                    width: r(42);
                    height: r(49);
                    position: relative;
                    margin: 0 auto;
                    margin-top: r(18);
                    overflow: hidden;
                    img {
                        width: 100%;
                        @include abCenter;
                    }
                }
                .HasBeenShipped_content {
                    letter-spacing: r(4);
                    font-size: r(18+8);
                    color: #e47b59;
                    text-align: center;
                    margin-top: r(16);
                    line-height: r(36);
                }
            }
        }
        //图片
        .Or_Img {
            width: r(650);
            min-height: r(198);
            margin: 0 auto;
            margin-top: r(82);
            ul {
                li {
                    width: r(198);
                    height: r(198);
                    margin-right: r(28);
                    position: relative;
                    overflow: hidden;
                    border-radius: r(4);
                    float: left;
                    a {
                        width: 100%;
                        height: 100%;
                        display: block;
                        img {
                            width: 100%;
                            @include abCenter;
                        }
                    }
                    &:nth-child(3n) {
                        margin-right: r(0);
                    }
                }
            }
        }
    }
}